Test

Klasse {.r-fit-text}

Zusammen mit den Klassen {.r-fit-text} und {.center} sieht es dann so aus (nächste Folie)…

Shadow-Text

Das Theme enthält folgende Schattierungsklassen:

• .shadow-hsnr1
• .shadow-hsnr2
• .shadow-black
• .shadow-silver
• .shadow-grau

Shadow-Box

Die Klasse {.shadow-box} erzeugt eine schattige Kiste

Boxen

Die Klasse {.instructions} erzeugt eine umrandete Kiste

mit eigenem Source-Code-Style

Boxen

Weitere Boxen werden über die Klasse {.blankbox} erzeugt.

Floating Shadow Images

Über die Klassen {.float-left}, {.float-right} und {.shadow-img} können Bilder nach links oder rechts floaten, und sie erhalten einen schattierten Rahmen.

Zentrieren

Mittels der Klasse {.tc} können Inhalte zentriert werden

Größen (Text)

Mittels der Klasse {.size0} bis {.size150} kann die Größe der Schrift beeinflusst werden:

Dieser Text ist .size20

Dieser Text ist .size30

Dieser Text ist .size40

Dieser Text ist .size50

Größen (Bilder)

Mittels der Klasse {.figw10} bis {.figw1000} kann die Größe von Bildern beeinflusst werden:

Timer

Es stehen Timer (Countdowns) zur Verfügung.

<div id="EINDEUTIGE-ID"></div>
<script src="HSNRtheme/timer.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        initializeTimer("EINDEUTIGE-ID", SEKUNDEN); 
    });
</script>

Bitte 4 Minuten warten
<div id="4minWarten"></div>
<script src="HSNRtheme/timer.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        initializeTimer("4minWarten", 240); 
    });
</script>

Timerbeispiele (Seite evtl. neu laden)

<div id="timer9a"></div>
<script src="HSNRtheme/timer.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        initializeTimer("timer9a", 540);
    });
</script>

<div id="timer9b"></div>
<script src="HSNRtheme/timer.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        initializeTimer("timer9b", 30); 
    });
</script>

Letzte Folie

Die letzten zwei Folien bilden die “Vielen-Dank-Karte” sowie die verwendete Literatur. (weiterklicken, um die letzten 2 Folien zu sehen)